<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- IE 浏览器运行最新的渲染模式下 -->
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <!-- 国产浏览器默认采用高速模式渲染页面 -->
  <meta name="renderer" content="webkit">
  <title>联系我们</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/icon/font-awesome.min.css">
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <nav class="navbar navbar-fixed-top navbar-inverse" data-0="line-height:100px; height:100px; background-color:rgba(0,0,0,0);"
    data-300="line-height:60px; height:60px; background-color:rgba(0,0,0,1);">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">
          <img src="images/logo.png" alt="">
          <span>萝卜特甜</span>
        </a>
      </div>

      <div id="navbar" class="collapse navbar-collapse navbar-right">
        <ul class="nav navbar-nav">
          <li>
            <a href="">特甜VR</a>
          </li>
          <li>
            <a href="">全视界全景</a>
          </li>
          <li>
            <a href="">关于我们</a>
          </li>
          <li>
            <a href="">联系我们</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- ***/header*** -->

  <section class="contact-bigimg">
    <div class="container-fluid">
      <div class="row">
        <img class="wow zoomIn" data-wow-duration="1s"  src="images/t5.png" alt="">
      </div>
    </div>
  </section>
  <!-- *** /bigimg *** -->

  <section class="pad-40">
    <div class="container">
      <div class="row estate-title wow lightSpeedIn">
        <h2>联系我们</h2>
        <h3>留言后我们会尽快联系您</h3>
      </div>
      <div class="row">
        <div class="col-md-8 col-md-offset-2">
          <form action="">
            <div class="form-group">
              <label for="">姓名</label>
              <input class="form-control" type="text" placeholder="姓名">
            </div>
            <div class="form-group">
              <label for="">邮箱</label>
              <input class="form-control" type="text" placeholder="邮箱地址">
            </div>
            <div class="form-group">
              <label for="">联系电话</label>
              <input class="form-control" type="text" placeholder="手机或者固话">
            </div>
            <div class="form-group">
              <label for="">留言</label>
              <!-- <input class="form-control" type="text" rows="5"> -->
              <textarea class="form-control" rows="5"></textarea>
            </div>
            <button type="submit" class="btn btn-default">留言</button>
          </form>
        </div>
      </div>
    </div>
  </section>

  <section class="section-advantage pad-hei80 mar-top40">
    <div class="container">
      <div class="row">
        <div class="pad-top40 pad-bot40">
          <img class="center-block max-width wow zoomIn" src="images/t2.png" alt="">
        </div>
      </div>
    </div>
  </section>
  <!-- ***/case*** -->

  <section class="contact-offer pad-40">
    <div class="container-fluid">
      <div class="row estate-title">
        <h2>加入我们</h2>
        <h3>技术驱动创新，服务引领行业</h3>
      </div>
      <div class="row pad-40">
        <div class="col-md-2 col-md-offset-1">
          <img class="max-width text-center" src="images/contact/jianmo.jpg" alt="">
        </div>
        <div class="col-md-3 wow lightSpeedIn">
          <h3>游戏建模师</h3>
          <h4>岗位职责:</h4>
          <ul>
            <li>配合策划、原画师制定游戏角色和物品风格；</li>
            <li>根据原画师绘制的原画制作3D角色模型；</li>
            <li>配合动画师对制作好的模型进行优化调整。</li>
          </ul>
          <h4>任职要求:</h4>
          <ul>
            <li>美术相关专业毕业，具有扎实的美术造型功底；</li>
            <li>具有3年以上游戏建模相关工作经验；</li>
            <li>热爱设计，有良好的审美品味、设计力和表现力，具备良好的产品质量把控能力；</li>
            <li>有团队合作精神，能够承受较强的工作压力；</li>
            <li>熟练使用3DMAX/MAYA等3D建模软件有UE4开发经验优先；</li>
            <li>对虚拟现实感兴趣的优先。</li>
          </ul>
        </div>
        <div class="col-md-2">
          <img class="max-width text-center" src="images/contact/vrsoft.jpg" alt="">
        </div>
        <div class="col-md-3 wow lightSpeedIn">
          <h3>VR软件工程师</h3>
          <h4>岗位职责:</h4>
          <ul>
            <li>实现虚拟现实系统的逻辑及优化；</li>
            <li>使用UE4和C++进行开发；</li>
            <li>根据需求进行开发工具的设计、实现及版本更新、BUG维护等。</li>
          </ul>
          <h4>任职要求:</h4>
          <ul>
            <li>计算机相关专业学历；</li>
            <li>对VR有强烈的兴趣，有意愿进行深入研究和学习；</li>
            <li>有自主学习的能力、性格开朗，良好的沟通能力；</li>
            <li>有良好的C++语言基础；</li>
            <li>具备良好积极态度对待项目及工作内容；</li>
            <li>有良好的面向对象开发意识，良好的代码设计能力及代码习惯；</li>
            <li>有3D游戏开发经验者优先，有良好英语沟通能力的优先。</li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <!-- *** /contact-join *** -->

  <section>
    <div style="height:550px;border:#ccc solid 1px;" id="dituContent"></div>
  </section>
  <!-- *** /contact-map *** -->
  <footer class="footer">
    <div class="container align-center">
      <div class="row">
        <ul>
          <li>
            <a href="">
              <img src="images/taobao.png" alt="">
            </a>
          </li>
          <li>
            <a href="">
              <i class="fa fa-weixin"></i>
            </a>
          </li>
          <li>
            <a href="">
              <i class="fa fa-html5"></i>
            </a>
          </li>
        </ul>
      </div>
      <div class="row">
        <p>&copy;2016 南京萝卜特甜信息科技有限公司</p>
        <p>
          <small>
            <i class="fa fa-building-o"></i>
            南京市建邺区江东中路98号河西万达广场F座812室
          </small>
        </p>
        <h4 class="footer-number ">
          <strong>
            <i class="fa fa-phone"></i>
            025-66911667
          </strong>
        </h4>
        <p class="footer-number">
          <small>
            <i class="fa fa-shield"></i>
            苏ICP备15041839号
          </small>
        </p>
      </div>
    </div>
  </footer>
  <!-- *** /footer *** -->

  <!-- 滚动特效 -->
  <script src="js/wow.min.js"></script>
  <script>
    var wow = new WOW({
      boxClass: 'wow',
      animateClass: 'animated',
      offset: 50,
      mobile: true,
      live: true
    });
    wow.init();
  </script>
  <!-- 导航栏特效 -->
  <script src="js/skrollr.min.js"></script>
  <script>
    var s = skrollr.init();
  </script>
  <!-- 百度地图 -->
  <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
  <script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
      createMap(); //创建地图
      setMapEvent(); //设置地图事件
      addMapControl(); //向地图添加控件
    }

    //创建地图函数：
    function createMap() {
      var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
      var point = new BMap.Point(118.742609, 32.038532); //定义一个中心点坐标
      map.centerAndZoom(point, 17); //设定地图的中心点和坐标并将地图显示在地图容器中
      window.map = map; //将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent() {
      map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
      map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
      map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
      map.enableKeyboard(); //启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
      //向地图中添加缩放控件
      var ctrl_nav = new BMap.NavigationControl({
        anchor: BMAP_ANCHOR_TOP_LEFT,
        type: BMAP_NAVIGATION_CONTROL_LARGE
      });
      map.addControl(ctrl_nav);
      //向地图中添加缩略图控件
      var ctrl_ove = new BMap.OverviewMapControl({
        anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
        isOpen: 0
      });
      map.addControl(ctrl_ove);
      //向地图中添加比例尺控件
      var ctrl_sca = new BMap.ScaleControl({
        anchor: BMAP_ANCHOR_BOTTOM_LEFT
      });
      map.addControl(ctrl_sca);
    }


    initMap(); //创建和初始化地图
  </script>
</body>

</html>